<style>
	#catContainer {
		padding: 0;
		margin: 0;
		font-size: 12px;
	}
	
	#catContainer row {
		padding: 0;
		margin: 0;
	}
	
	.catlogItem {
		margin-top: 8px;
	}
	
	.fa:hover {
		color: #F07818;
	}
	
	#catContainer .thumbnail {
		height: 100%;
		width: 220px;
		max-width: 220px;
		min-height: 300px;
		max-height: 300px;
		padding: 0;
		margin: 0;
		border: 1px dashed #5D4B33;
	}
	
	#catContainer .thumbnail:hover {
		height: 100%;
		width: 220px;
		max-width: 220px;
		min-height: 300px;
		max-height: 300px;
		padding: 0;
		margin: 0;
		border: 1px solid #F07818;
	}
	
	#catContainer .img-rounded {
		height: 220px;
		width: 220px;
	}
	
	#catContainer {
		font: 12px;
	}
	
	.price {
		color: #f76120;
		font-size: 20px;
	}
	
	.sales {
		float: right;
		margin-top: 8px;
		font-weight: 400;
		color: #999;
	}
	#catContainer a{
		color: #f76120;
		text-decoration: none;
	}
</style>
<div id="catContainer" class="container-fluid">
	<div class="row" data-bind="foreach:dishItems">
		<div class="catlogItem col-sm-3 col-xs-6">
			<div class="thumbnail">
				<img src="" class="img-rounded">
				<div class="caption">
					<div style="min-height: 100px;">
						<a data-bind="text:dishName,attr:{href:dishLinks}"></a>
						<p><span class="price" data-bind="text:priceTag"></span><span class="sales" data-bind="text:sales"></span></p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>